<%@ page pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
		<base href="file:///c:/HTML/front/">
	<title>欢迎注册新鲜e客_新鲜e客（pinnong.com）-通州区网购首选-正品低价、品质保障、配送及时、轻松购物</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="keywords" content="通州酒水,通州生鲜,通州水果,通州蔬菜,通州肉,通州蛋,通州促销活动,通州促销产品,北京通糖烟酒糖业有限公司,北京通州区超市"/>
    <meta http-equiv="description" content="北京通州酒水,北京通州生鲜,北京通州促销产品等,北京通州区超市连锁,北京通州区免费送货,北京通州区正品低价、品质保障、配送及时、轻松购物,北京通州新鲜e客,北京通州品质"/>
<css>

    <link rel="stylesheet" href="assets/lib/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="assets/lib/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="assets/lib/css/animate.css"/>
    <link rel="stylesheet" href="assets/lib/css/style.css"/>

    <link rel="stylesheet" type="text/css" href="assets/css/pc/common.css"/>
    <link rel="stylesheet" type="text/css" href="assets/css/pc/register.css"/>


</css>


    <script type="text/javascript" src="assets/lib/js/jquery-1.12.3.min.js"></script>
    <script type="text/javascript" src="assets/lib/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="assets/lib/js/jquery.hoverIntent.js"></script>
    <script type="text/javascript" src="assets/js/pc/common.js"></script>
    <script type="text/javascript" src="assets/js/pc/register.js"></script>


    <js>
        <script type="text/javascript">
            $(function() {
                $('#kaptchaImage').click(function() {$(this).attr('src','yzm.jpg?' + Math.floor(Math.random() * 100));});
            });
        </script>

    </js>

</head>
<body>
    


<link rel="stylesheet" type="text/css" href="assets/css/pc/common.css"/>
<script type="text/javascript" src="assets/lib/js/jquery.hoverIntent.js"></script>
<script type="text/javascript" src="assets/js/pc/menu.js"></script>


<!-- 导航条 S -->
<div class="header">
	<div class="container">
		<div class="pull-left text-left">
			<a href="#"><img src="assets/img/pc/logo.png" width="165px" border="0"/></a>
		</div>
	</div>
</div>
<!-- 导航条 E -->


    <div class="main green-bg">
        <div class="container row">
            <div class="col-sm-6 pull-left">
                <img src="assets/img/pc/zs_register.png"/>
            </div>

            <div class="col-sm-6 pull-right regisiter-con">
                <div class="title">注册账号</div>
                <form class="form-horizontal regisit-wrap-inner" method="post" id="registerForm" onsubmit="return true;" action="/user/register">

                    <div class="form-group">
                        <div class="col-xs-12 errorTip">
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-xs-12">
                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-phone"></span></span>
                                <input id="username" type="text" name="username" class="form-control input-lg" placeholder="手机号" maxlength="11"/>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-12">
                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
                                <input id="password" type="password" name="password" minlength="6" maxlength="20" class="form-control input-lg" placeholder="设置6-20位密码">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-12">
                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
                                <input id="rqpwd" type="password" name="rqpwd" class="form-control input-lg" minlength="6" maxlength="20" equalto="#password" placeholder="确认密码"/>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-8" style="padding-right:0; width:230px; border: 0px solid #f00;">
                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
                                <input type="text" id="btn" class="form-control input-lg" maxlength="5" placeholder="请输入验证码" style="width:170px;"/>
                            </div>
                        </div>
                        <div class="col-xs-4" style="padding-left:0; padding-right: 0; border: 0px solid #f00;">
                            <img id="kaptchaImage" src="yzm.jpg" width="120" height="45" style="cursor: pointer;"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-xs-12">
                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-text-width"></span></span>
                                <input type="text" id="dxyzm" name="dxyzm" class="form-control input-lg" placeholder="短信验证码" maxlength="6"/>
                                <a data-disabled="0" href="javascript:void(0);" class="input-group-addon btn">获取短信验证码</a>
                            </div>
                        </div>
                    </div>


                    <script type="text/javascript">
                        var countdown=60;
                        function settime(val) {
                            if (countdown == 0) {
                                val.removeAttribute("disabled");
                                val.value="免费获取验证码";
                                countdown = 60;
                                return false;
                            } else {
                                val.setAttribute("disabled", true);
                                val.value="重新发送(" + countdown + ")";
                                countdown--;
                            }
                            setTimeout(function() {
                                settime(val);
                            },1000);
                        }

                        $(function () {
                            $(".btn").click(function () {
                                $.ajax({
                                    url:"${pageContext.request.contextPath}/msgSend",
                                    type:"post",
                                    dataType:"json",
                                }).done(function (data) {
                                    $("#dxyzm").val(data.msgCode);
                                    if(time<10){
                                        $(".btn").click().disable();
                                        return false;
                                    }
                                    setTimeout(changeStatus,1000);
                                });
                            });
                        });
                    </script>

                    <div class="form-group">
                        <div class="col-md-12 text-left">
                            <div class="checkbox checked">
                                <label>
                                    <input id="ctchk" type="checkbox" checked="">我已阅读并同意《用户注册协议》
                                    <a href="members/login" style="position: relative;left: 85px;">立即登录</a>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="space"></div>
                    <div class="form-group">
                        <div class="col-xs-12">
                            <button type="submit" class="col-xs-12 btn btn-success btn-lg registerBtn">立即注册</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    
<link rel="stylesheet" href="assets/lib/css/bootstrap.min.css"/>
<link rel="stylesheet" href="assets/lib/css/font-awesome.min.css" />
<link rel="stylesheet" href="assets/lib/css/animate.css" />
<link rel="stylesheet" href="assets/lib/css/style.css" />
<link rel="stylesheet" href="assets/lib/css/ace-fonts.css" />

</body>
</html>
